.page {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  .header {
    background: url(/background/login_bg.png) no-repeat;
    background-size: 100% 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    img {
      height: 40%;
    }
  }
  .body {
    height: 40%;
    .submit {
      width: 100%;
      text-align: center;
      :global {
        .am-button-primary {
            background: #2c72ff;
          border-radius: 50px;
          box-shadow: 0px 4px 11px 0px #a0ceef;
        }
      }
    }
    .user-name-icon {
      background: url(/icon/login_icon_user.png) no-repeat;
    }
    .user-pwd-icon {
      background: url(/icon/login_icon_password.png) no-repeat;
    }
    .eye-close-icon {
      background: url(/icon/login_icon_password_hidden.png) no-repeat;
    }
    .eye-open-icon {
      background: url(/icon/login_icon_password_show.png) no-repeat;
    }
    .eye-close-icon,
    .eye-open-icon,
    .user-name-icon,
    .user-pwd-icon {
      height: 1.5em;
      width: 1.5em;
      background-size: 100% 100%;
    }
  }
  .footer {
    height: 10%;
    line-height: 48px;
    text-align: center;
    font-size: 12px;
    color: #999;
    width: 100%;
  }
}
